<!DOCTYPE HTML>
<html>
<head>
    <title>.:: Babosarang renewal ::.</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />	
	<meta name="author" content="dongdung" />
    
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    
    <link rel="stylesheet" type="text/css" href="css/mypages.css" />
    
    <script type="text/javascript"  src="js/jquery.js"></script>
    <script type="text/javascript"  src="js/html5.js"></script>
    <script type="text/javascript"  src="js/mypages.js"></script>
	
</head>
<script type="text/javascript">

</script>
<body>

<header>
    <div class="container"><img src="img/header.jpg" /></div>
</header>

<div class="container mypage mypage_cancel clearfix">
        <div id="tests">
            <div>
            </div>
        </div>
        <!-- Begin: Breadcrumb -->
        <dl class="breadcrumb">        
            <span class="home"></span>홈<span class="cursor"></span>마이페이지<span class="cursor"></span><strong> 마이 쇼핑정보</strong>
        </dl>
        <!-- End: Breadcrumb -->
        
        
    <div id="left">
        <div id="pointer">
            <img src="img/mypage/icon_pointer.png" />
        </div><!--end pointer -->
        <div id="link">
            <a href="mypage_premium_shop.htm" id="link1"><img src="img/mypage/banner2.png" alt="" /></a>
            <a href="mypage_mileage_shop.htm" id="link2"><img src="img/mypage/banner1.png" alt="" /></a>
        </div>  
        <div id="menu" class="conner5">                  
            <div id="first">
            <p class="title">마이 쇼핑정보</p>
            <ul>
                <li><a href="mypage_order.htm">주문/배송 조회</a></li>
                <li><a href="mypage_change.htm">주문정보 변경</a></li>
                <li class="active"><a href="mypage_cancel.htm">주문 취소</a></li>                
                <li><a href="mypage_return.htm">반품/환불</a></li> 
                <li><a href="mypage_receipt.htm">영수증 신청/발급</a></li>
                <li><a href="mypage_service.htm">내가 신청한 서비스</a></li>                 
            </ul>
            </div>
            <div id="second">
            <p class="title">참좋은 혜택</p>
            <ul>
                <li><a href="mypage_coupon.htm">내 쿠폰함</a></li>
                <li><a href="mypage_point.htm">포인트 내역</a> </li>
                <li><a href="mypage_bemoney.htm">예치금 관리</a></li>
                <li><a href="mypage_giftcard.htm">기프트카드 </a></li> 
                <li><a href="mypage_event.htm">이벤트 당첨확인 </a></li>                  
            </ul>
            </div>            
            <div id="third">
            <p class="title">마이 위쉬리스트</p>
             <ul>
                <li><a href="mypage_wishlist.htm">찜한 상품</a></li>
                <li><a href="mypage_brand.htm">관심 브랜드</a></li>
                <li><a href="mypage_review.htm">관심리뷰</a></li>               
            </ul>
            </div>            
            <div id="fourth">
            <p class="title">마이 글모음</p>
            <ul>
                <li><a href="mypage_ripple.htm">상품 리뷰</a></li>
                <li><a href="mypage_answer.htm">1:1상담</a></li>
                <li><a href="mypage_question.htm">상품 문의/신고 내역</a></li>               
            </ul>
            </div>            
            <div id="fifth">
            <p class="title">마이정보</p>
            <ul>
                <li><a href="mypage_info_modify.htm"> 회원 정보 수정</a></li>
                <li><a href="mypage_info_address.htm">나의 주소록</a></li>
                <li><a href="mypage_info_aniversary.htm">나의 기념일</a></li>
                <li><a href="mypage_info_grade.htm">회원 등급 확인</a></li> 
                <li><a href="mypage_info_member.htm">회원탈퇴</a></li>               
            </ul>
            </div>
        </div><!--end #menu -->
        <div id="yellow_background" class="conner3"></div>
    </div><!--end #left -->
    <div id="right">
        <div id="top" class="conner3">
            
                <div id="g_left">
                    <div id="g_icon">
                        
                        <img id="icon1" src="img/mypage/icon_gold.jpg" alt="" />
                        <p>등급별 혜택보기<img src="img/mypage/g_icon_left.png"/></p>
                    </div>
                     <div id="g_text">
                     <p><strong class="g_icon_user"></strong><strong class="color666">김정희</strong>님, 고객님은 바보사랑의 소중한<strong class="g_icon_gold"> GOLD</strong>회원이십니다. </p>
                     <p id="second">오늘도 저희 바보사랑을 방문해 주셔서 감사합니다.</p>
                     </div>
                     <div id="g_sum">
                     <p><span class="g_sum_p">3,000</span>
                        <span class="g_sum_coupon">2</span>
                        <span class="g_sum_wish">4</span>
                     </p>
                     </div>
                     <div id="g_tooltip">
                        <p><strong style="color: #ffd200;">FAMILY </strong>등급 회원이되시려면 3회의 추가 구입을</p>
                        <p>하시거나 <strong style="color: #ff5b90;">204,000</strong>원 이상의 구매를 하셔야합니다.</p>

                     </div>
                </div>
                <div id="g_right">
                <p class="g_right_title"><strong>김정희</strong> 고객님께서 주문하신 <strong>상품 배송 현황</strong></p>
                <p class="pink" id="pink1">배송 준비중<br /><span class="number">0</span></p>
                <p class="pink" id="pink2">배송 중<br /><span class="number">3</span></p>
                <p class="pink" id="pink3">배송 완료<br /><span class="number">5</span></p>
                </div>
        </div><!--end #top -->
           
        <div id="main">
            <div id="cancel">
            
            <p id="title"><img src="img/mypage/txt_mypage_cancel_title.jpg" width="61" height="16" /></p>
            <p id="content">쇼핑에 불편을 드린점 사과의 말씀 드립니다. 주문검색을 하게 되면 출고된 주문서의 주문내역과 상태값이 보여집니다. </p>

            <p class="conner3" id="action_search">
                <span class="lbl_search">주문검색</span>
                <span class="input_text"><input type="text" value="221401191730016001"/></span>
                <span class="btn_lastest_search btn_action3 conner3" id="btn_lastest_search">주문검색</span>
                <span class="btn_count btn_action3 conner3" id="btn_count">최근 주문건 바로 검색</span>
            </p>
            </div><!--end #cancel -->
            
            <div id="result">
            <table class="conner3" >
                <tr id="row1">
                    <th id="col1">선택</th>
                    <th id="col2">상품</th>
                    <th id="col3">상품코드</th>
                    <th id="col4">상품명</th>
                    <th id="col5">배송</th>
                    <th id="col6">판매가</th>
                    <th id="col7">수량</th>
                    <th id="col8">소계금액</th>
                    <th id="col9">주문상태</th>
                    <th id="col10">택배정보</th>                    
                </tr><!--end row2 -->
                <tr id="row2">
                    <td id="col1"><input type="checkbox" /></td>
                    <td><img src="img/mypage/product_image.jpg" width="57" height="57" /></td>
                    <td>788618</td>
                    <td id="col4">아이락스 X Slim KR-6170 USB...<br />
                    [색상:블랙]  
                    </td>
                    <td>업체배송</td>
                    <td>21,000원</td>
                    <td>1</td>
                    <td> 21,000원 </td>
                    <td id="col9">
                        <div class="btn_action conner3" id="btn_avaibility">배송현황확인</div>
                        <div class="btn_action conner3" id="btn_product_review">상품후기작성</div>
                        
                    </td>
                    <td id="col10">CJ<br />
                    682007632480 
                    </td>
                </tr><!--end row2 -->
                <tr id="row3">
                    <td colspan="10">
                        <span id="first"> 주문상품수 : 1 종 ( 1개)</span><span>      적립 포인트 :  210Point  </span>  <span id="last">    상품구매총액 : 21,000 원</span>  

                    </td>
                </tr><!--end row3 -->
                <tr id="row4">
                    <td colspan="10">총결제금액 : 상품구매총액  21,000원 + 배송비  2,200원 - 마일리지 0원 = 23,200 원</td>
                </tr><!--end row4 -->
               
                    
            </table>
            <div id="table_action">
                <div class="btn_action2 action conner3" >전체 취소</div>                
            </div>
                
            <div class="table_style" id="checkout">
                <div class="table_header">
                    <p id="p_title"><img src="img/mypage/txt_checkout_title.jpg" width="60" height="16" /></p>
                    
                </div><!--end table_header -->
                
                <table class="conner3">
                <tr class="row1">
                    <td id="col1">결제방법</td>
                    <td id="col2">무통장입금</td>
                    <td id="col3">결제확인일시</td>
                    <td id="col4">2014년 01월 19일 PM 05:30:01</td>
                </tr>
                
                <tr class="row2">
                    <td id="col1">입금은행</td>
                    <td id="col2">기업:06500099297889</td>
                    <td id="col3">결제금액</td>
                    <td id="col4">21,000원</td>
                </tr>                
                </table><!--end #checkout  table-->
            </div><!--end #checkout-->
            </div><!--end #result -->
           
            <div id="tip">
            <p id="title"><img src="img/mypage/txt_tip.png" width="75" height="16" /></p>
            <ul>
                <li>-&nbsp; 주문번호 혹은 주문취소상품을 클릭하신 후, 취소 및 환불정보 입력창에 취소상품을 확인 후, 환불정보 입력을 완료하시면, 주문취소 및 환불접수가 완료됩니다.</li>
                <li>-&nbsp;  환불정보 입력을 완료하시면, 상품취소 및 환불접수가 완료되며, 담당자에게 즉시 전달이 되게 됩니다.</li>
                <li>-&nbsp;  환불 접수 후, 1-2일내에(영업일 기준) 등록하신 계좌 또는 바보사랑 현금 포인트로 환불 받으실 수 있습니다.</li>
                <li>-&nbsp;  주문 제작 상품의 경우, 주문취소가 불가할 수 있으니, 해당 상품의 상세페이지를 참고하시기 바랍니다.</li>               
            </ul>
            </div><!--end #tip -->
            
            <div id="steps" class="conner3">
                <div class="step" id="step1">
                    <p class="title">Step01 : 결제전</p>
                    <p class="content">
                        즉시 취소 가능
                        
                    </p>
                    <img src="img/mypage/icon_step.png" width="14" height="14" />
                </div>
                <div class="step" id="step2">
                    <p class="title">Step02 : 결제확인</p>
                    <p class="content">
                    즉시 취소 가능
                    </p>
                    <img src="img/mypage/icon_step.png" width="14" height="14" />
                    
                </div>
                <div class="step" id="step3">
                    <p class="title">Step03 : 발송준비중</p>
                    <p class="content">                        
                         취소 가능 여부<br />
                         문의필요<br />
                        <span class="rate">[1:1 상담 요청]</span>
                        </p>
                        <img src="img/mypage/icon_step.png" width="14" height="14" />
                </div>
                <div class="step" id="step4">
                    <p class="title">Step04 : 상품발송</p>
                    <p class="content">
                         반품/환불 접수 가능<br />
                            상품 수령일 기준<br />
                            7일 이내<br />
                            <span class="rate">[1:1 상담 요청]</span>
                    </p>
                    <img src="img/mypage/icon_step.png" width="14" height="14" />
                </div>
                <div class="step" id="step5">
                    <p class="title">Step05 : 배송완료</p>
                    <p class="content">
                        반품/환불 접수 가능<br />
                        상품 수령일 기준<br />
                        7일 이내                        
                    </p>
                </div>
            </div><!--end steps -->
        </div> <!-- end main-->   
    </div><!--end #right -->
    
    
    <div id="overflow"></div>
        <div id="search_popup" class="mypage_popup" >
        
        <div id="search_popup_header" class="mypage_popup_header">
        <img src="img/mypage/search_popup_header.jpg" width="700" height="100" />
        <img class="btn_close action" src="img/mypage/btn_close_popup.png" width="28" height="28" />
        	<p class="title">고객님의 최근 6개월간의 주문 내역 입니다. 주문번호/ 상품명을 클릭해주세요</p>
        </div><!--end modal-header -->
        <div id="search_popup_body" class="mypage_popup_body">
            
            <table class="conner3 table_style">
                <tr id="row1">
                    <th id="col1">주문번호</th>
                    <th id="col2">주문일</th>
                    <th id="col3">상품명</th>
                    <th id="col4">총 주문금액</th>
                    <th id="col5" class="last">배송상태</th>                                      
                </tr><!--end row1 -->
                <tr id="row2">                                    
                    <td>211311121600147750</td>
                    <td>2013-11-12</td>
                    <td>2014 아르디움 패턴 다이어리</td>
                    <td>5,000원</td> 
                    <td>결제전</td>                
                </tr><!--end row2 -->
                <tr id="row3">
                 <td>211311121600147750</td>
                    <td>2013-11-12</td>
                    <td>2014 아르디움 패턴 다이어리</td>
                    <td>5,000원</td> 
                    <td>결제전</td>     
                </tr><!--end row3-->
                <tr id="row4">
                                        
                    <td>211311121600147750</td>
                    <td>2013-11-12</td>
                    <td>2014 아르디움 패턴 다이어리</td>
                    <td>5,000원</td> 
                    <td>결제전</td>   
                </tr><!--end row4 -->
                <tr id="row5">
                                        
                    <td>211311121600147750</td>
                    <td>2013-11-12</td>
                    <td>2014 아르디움 패턴 다이어리</td>
                    <td>5,000원</td> 
                    <td>결제전</td>   
                </tr><!--end row5 -->
                <tr id="row6">
                                        
                    <td>211311121600147750</td>
                    <td>2013-11-12</td>
                    <td>2014 아르디움 패턴 다이어리</td>
                    <td>5,000원</td> 
                    <td>결제전</td>   
                </tr><!--end row6 -->
                <tr id="row7" class="last">
                                        
                    <td>211311121600147750</td>
                    <td>2013-11-12</td>
                    <td>2014 아르디움 패턴 다이어리</td>
                    <td>5,000원</td> 
                    <td>결제전</td>    
                </tr><!--end row7 -->
            </table><!-- -->
            
             <div class="pagination">
                         <ul>
                            <li class="conner3" id="first"><a href="#">처음</a></li>
                            <li class="conner3"><a href="#">&lt;</a></li>
                            <li class="active conner3"><a href="#">1</a></li>
                            <li class="conner3"><a href="#">2</a></li>
                            <li class="conner3"><a href="#">3</a></li>
                            <li class="conner3"><a href="#">4</a></li>
                            <li class="conner3"><a href="#">5</a></li>
                            <li class="conner3"><a href="#">6</a></li>
                            <li class="conner3"><a href="#">7</a></li>
                            <li class="conner3"><a href="#">8</a></li>
                            <li class="conner3"><a href="#">9</a></li>
                            <li class="conner3"><a href="#">10</a></li>
                            <li class="conner3"><a href="#">&gt;</a></li>
                            <li class="conner3" id="last"><a href="#">끝</a></li>
                          </ul>
             </div><!-- end pagination -->
             <div class="button">
                <div class="btn_action conner3 action btn_close" id="btn_right">닫기</div>
             </div>
           
        </div><!-- end search_popup_body-->
    </div><!--end #search_popup -->
    
    <div id="cancel_popup" class="mypage_popup" >
    
    <div id="cancel_popup_header" class="mypage_popup_header">
    <img src="img/mypage/cancel_popup_header.jpg" width="700" height="100" />
    <img class="btn_close action" src="img/mypage/btn_close_popup.png" width="28" height="28" />
    	<p class="title">주문하신 상품의 배송현황을 확인하실 수 있습니다.</p>
    </div><!--end modal-header -->
    <div id="cancel_popup_body" class="mypage_popup_body table_style">
        <img class="img1 title" src="img/mypage/cancel_popup_title2.jpg" width="110" height="18" />
        <div class="title2 conner3"><p >주문하신 상품 <span class="pink">아이락스 X Slim KR-6170 USB 키보드</span>는 현재 <span class="pink bold">배송완료</span> 상태 입니다.</p></div>
        <img class="img2 title" src="img/mypage/cancel_popup_title3.jpg" width="110" height="18" />
        <p>운송장 번호를 클릭하시면, 더욱 자세한 배송현황을 보실 수 있습니다.</p>
        <p>배송조회는 상품이 발송된 다음날 오전10시부터 조회가 가능합니다.</p>
        <div class="data">
         <table class="conner3 ">
            <tr class="row1">
                <th class="col1">택배 회사</th>
                <th class="col2">운송장번호</th>                                       
            </tr>
            <tr class="row2 last">
                <td class="col1">CJ</td>
                <td class="col2">682007632480 </td>                                                   
            </tr>  
                                   
        </table><!--end #personal  table-->
        </div>
         <div class="button">            
            <div class="btn_action conner3 action btn_close" id="btn_right">닫기</div>
         </div>
       
    </div><!-- end search_popup_body-->
    </div><!--end #search_popup -->
    
    <div id="cancel_popup2" class="mypage_popup" >
    
    <div  class="mypage_popup_header">
    <img src="img/mypage/cancel_popup_header2.jpg" width="700" height="100" />
    <img class="btn_close action" src="img/mypage/btn_close_popup.png" width="28" height="28" />
    	<p class="title"><b>※ 무통장입금 결제확인 취소</b>(사용하신 포인트는 취소 즉시 복원되며 주문완료 상태의 주문취소입니다.)</p>
    </div><!--end modal-header -->
    <div  class="mypage_popup_body">
        <img class="img1 title" src="img/mypage/cancel_popup2_title.jpg" width="100" height="18" />
        
        <div id="result">
            <table id="first_table" class="conner3" >
                <tr id="row1">
                    <th id="col1">코드/배송</th>
                    <th id="col2">상품명</th>
                    <th id="col3">판매가</th>
                    <th id="col4">수량</th>
                    <th id="col5">수량</th>
                    <th id="col6">주문상태</th>
                    <th id="col7">택배정보</th>
                </tr><!--end row1 -->
                <tr id="row2">                   
                    <td>974194<br />업체배송</td>
                    <td id="col4">[베이비바스]<br />
                    바텀스업 베이비 바디워시 250ml
                    </td>
                    <td>27,300 원 </td>
                    <td>1</td>
                    <td>27,300 원 </td>
                     <td>결제확인</td>
                    <td id="col7">CJ<br />
                    682007632480 
                    </td>
                </tr><!--end row2 -->
                <tr id="row3">
                    <td colspan="9" id="col7">
                        <span id="first"> 주문상품수 : 1 종 ( 1개)</span><span>      적립 포인트 :  210Point  </span>  <span id="last">    상품구매총액 : 21,000 원</span>  

                    </td>
                </tr><!--end row3 -->
                <tr id="row4">
                    <td colspan="9" id="col7">총결제금액 : 상품구매총액  21,000원 + 배송비  2,200원 - 마일리지 0원 = 23,200 원</td>
                </tr><!--end row4 -->
               
                    
            </table><!-- -->
            
            <div class="table_style" id="personal">
                <div class="table_header">
                    <p id="p_title"><img src="img/mypage/txt_personal_title.jpg" width="75" height="16" /></p>                    
                </div><!--end table_header -->
                
                <table class="conner3 ">
                <tr class="row1">
                    <td class="col1">주문하신 분</td>
                    <td class="col2">이승예</td>
                    <td class="col3">이메일 주소</td>
                    <td class="col4">abc000@naver.com</td>
                </tr>
                
                <tr class="row2">
                    <td class="col1">전화번호</td>
                    <td class="col2">010-000-0000</td>
                    <td class="col3">휴대폰</td>
                    <td class="col4">000-0000-0000</td>
                </tr>
                
                </table><!--end #personal  table-->
            </div><!--end #personal-->
            
            <div class="table_style" id="checkout">
                <div class="table_header">
                    <p id="p_title"><img src="img/mypage/txt_checkout_title.jpg" width="60" height="16" /></p>
                    
                </div><!--end table_header -->                

                <table class="conner3">
                <tr class="row1">
                    <td class="col1">   결제방법</td>
                    <td class="col2"> 카드결제</td>
                    <td class="col3">결제확인일시</td>
                    <td class="col4">2014-05-06 PM 01:18:04</td>
                </tr>

                <tr class="row2">
                    <td class="col1">결제금액</td>
                    <td class="col4" colspan="3" >900원</td>                    
                </tr>                
                </table><!--end #checkout  table-->
            </div><!--end #checkout-->
            
            <div class="table_style" id="transport">
                <div class="table_header">
                    <p id="p_title"><img src="img/mypage/cancel_popup_titl4.jpg" width="100" height="16" /></p>                    
                </div><!--end table_header -->
                
                <table class="conner3 table_style">
                <tr class="row1">
                    <td class="col1"> 취소사유</td>
                    <td colspan="3" class="col2"><label class="radio" ><input type="radio" />단순변심</label> 
                    <label class="radio" ><input type="radio" />상품불량</label></td>                   
                </tr>

                <tr class="row2">
                    <td class="col1">환불방법</td>
                    <td colspan="3" class="col2"><label class="radio" ><input type="radio" />무통장입금</label> 
                    <label class="radio" ><input type="radio" />포인트적립</label></td>
                </tr>
                       
                <tr class="row3">
                   <td class="col1">결제 정보</td>
                    <td class="col2"> 카드결제</td>
                    <td class="col3">환불 예정 금액</td>
                    <td class="col4">900원</td>                   
                </tr>
                 <tr class="row4">
                    <td class="col1">사유/요청</td>
                    <td colspan="3" class="col2">-</td>                   
                </tr>                
                </table><!--end #transport  table-->
            </div><!--end #transport-->
                
            </div><!--end #result -->
         <div class="button">            
            <div class="btn_action conner3 action btn_close" id="btn_right">닫기</div>
         </div>
       
    </div><!-- end cancel_popup2-->
    </div><!--end #cancel_popup2 -->
</div><!--end wrappper -->
  
<footer>
    <div class="container"><img src="img/footer.jpg" /></div>
</footer><!--end footer -->

</body>
</html>